{include file="public/head"}
<title>Home</title>
</head>
<body class="page page-id-6 home-style1">
<style>
    .container{
        color: #666666;

    }
    .search_box{
        background: white;
        font-size: 15px;
        margin-top: 20px;
    }
    .search_ul{
        width: 91%;
        margin: 0;
        padding: 0;
        float: left;

    }

    .search{
        width: 100%;

    }

    .search_ul li{

        padding: 0 20px ;
        height: 40px;
        line-height: 42px;
        text-align: center;
        list-style: none;
        margin: 0;
        float: left;
    }

    .search_name{
        padding-right: 10px ;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 24px;
        border-radius: 5px;
        font-weight: 700;
        float: left;
    }

    .active{
        background: aqua;
        border-radius: 5px;

    }

    .is_hot_new{
        width:100%;
        height:50px;
        background: #F7F7F8;
    }
    .new{
        height: 100%;
        font-size: 18px;
        font-weight: 600;
        line-height: 50px;
        float: left;
        padding:0 20px;

    }
    .hot{
        height: 100%;
        font-size: 18px;
        font-weight: 600;
        line-height: 50px;
        float: left;
        padding:0 20px;

    }
    .clear{
        clear: both;
    }

    .content_big_box{
        background: #F7F7F8;
        float: left;
        width: 68%;

    }
    .content_head{
        width: 100%;
        height: 60px;
    }
    .content_box{
        margin-top: 20px;
        padding: 20px;

        background: white;
    }
    .content_box:nth-of-type(1){
        margin:0;
    }
    .right_box{
        width: 30%;
        float: right;
    }

    .re_head{
        height: 60px;
        width: 100%;
        line-height: 60px;
        background: royalblue;
        font-size: 24px;
        color: white;
        text-align: center;
    }
    .re_item_content{

        font-size: 18px;
        line-height: 50px;
        float: left;
    }
    .re_item{

        margin-top: 15px;
        width: 100%;
        height: 50px;

    }
    .re_item img{
        width:50px;
        height: 50px;
        border-radius: 30px;
        float: left;
        margin-right: 6px;
    }
    .re_item:nth-of-type(1)
    {
        margin: 0;
    }

    .re_body{
        padding: 0 20px;
        background: white;
    }

    .detail{
        margin-top: 40px;
        float: left;
    }
    .people_info img{
        height:60px;
        width:60px;

        float: left;
    }
    .join{


        height:30px;
        background: dodgerblue;
        padding: 5px;
        color: white;
        line-height: 20px;
        float:right;
        box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
    }

    .join:active{
        box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
    }

    .content_title{
        font-size: 24px;
        font-weight:800;
        margin:6px 0;

    }
    .where_time{
        margin: 6px 0;
        height:20px;

    }
    .where{
        float: left;
        font-size: 18px;


    }
    .time{
        float: left;
        margin-right: 20px;
        font-size: 18px;
    }
    .span_font{
        font-weight: 700;
        font-size: 18px;
        padding: 0;
        margin:0;
    }
    .pra_info{


        font-size: 18px;
    }
    .pra_content{
        width: 88%;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: 1px;
        line-height: 22px;
        text-align: justify;
        font-size: 16px;

    }



    .content{
        width:100%;
    }

    .page_list{

        margin:10px  auto;
        padding: 0;
        width: 405px;

    }
    .page_list li{
        margin: 0;
        padding: 0;
        list-style: none;
        float:left;
        padding: 0 10px;
        font-size: 20px;

    }

    .active_page{
        background: deepskyblue;
        border-radius: 100px;
    }
    .left_right{
        background: #F7F7F8;
    }
    .report{
        margin-top: 20px;
        padding: 15px;
        background: white;
    }
    .report_content
    {
        font-size: 18px;
        margin-top: 10px;

    }
</style>
<div class="body-wrapper theme-clearfix">
    {include file="public/nav"}
    <div class="listings-title">
        <div class="container">
            <div class="wrap-title">
                <h1>Home</h1>

                <div class="bread">
                    <div class="breadcrumbs theme-clearfix">
                        <div class="container">
                            <ul class="breadcrumb">
                                <li>
                                    <a href="#">Home</a>
                                    <span class="go-page"></span>
                                </li>

                                <li class="active">
                                    <span>Home</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="search_box">
            <div class="search">
                <div class="search_name">方向 :</div>
                <ul class="search_ul">
                    <li class="active">全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                </ul>
            </div>
            <div class="search">
                <div class="search_name">分类 :</div>
                <ul class="search_ul">
                    <li class="active">全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                </ul>
            </div>
            <div class="search">
                <div class="search_name">类型 :</div>
                <ul class="search_ul">
                    <li class="active">全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                    <li>全部</li>
                </ul>
            </div>

            <div class="clear"></div>
        </div>
        <div class="is_hot_new">
            <div class="new">最新</div>
            <div class="hot">最热</div>
        </div>
        <div class="left_right">
            <div class="content_big_box">

                <div class="content_box">
                    <div class="content_head">
                        <div class="people_info"><img src="/upload/20170828/5d89c96c9de42906a86c0c9b20ffbae3.jpg"></div>
                        <div class="detail">这个人掉渣天</div>
                        <div class="join">我要参与</div>
                    </div>
                    <div class="content_title">java课堂</div>
                    <div class="where_time">
                        <div class="time"><div class="span_font"> 实践时间 : </div >2017-09-20 17:50</div>
                        <div class="where"><div class="span_font">地点 : </div >梅州嘉应学院</div>
                    </div>
                    <div class="content">
                        <div class="pra_info span_font" >实践简介 :</div>
                        <div class="pra_content">
                            1，快捷键巨多，而且还可以自定义。跟sublime 有一拼。这个自己去搞喽。也有快捷键提示的插件，自己去搜。2，搜索方便。支持全项目 或 目录下 搜索，支持正则搜索 匹配大小写等。3，支持ftp   写完了直接提交到外网 调试有木有 哈哈哈4，支持svn  写完了直接提交有木有5，自动语法检查 inspector code 会给出为定义变量 未定义方法等等一大堆错误。代码右侧会有颜色标记。一般会有红色 为语法错误，黄色为建议。一般当右上角为绿色小方块证明代码完美无缺，嘻嘻。
                            1，快捷键巨多，而且还可以自定义。跟sublime 有一拼。这个自己去搞喽。也有快捷键提示的插件，自己去搜。2，搜索方便。支持全项目 或 目录下 搜索，支持正则搜索 匹配大小写等。3，支持ftp   写完了直接提交到外网 调试有木有 哈哈哈4，支持svn  写完了直接提交有木有5，自动语法检查 inspector code 会给出为定义变量 未定义方法等等一大堆错误。代码右侧会有颜色标记。一般会有红色 为语法错误，黄色为建议。一般当右上角为绿色小方块证明代码完美无缺，嘻嘻。
                            1，快捷键巨多，而且还可以自定义。跟sublime 有一拼。这个自己去搞喽。也有快捷键提示的插件，自己去搜。2，搜索方便。支持全项目 或 目录下 搜索，支持正则搜索 匹配大小写等。3，支持ftp   写完了直接提交到外网 调试有木有 哈哈哈4，支持svn  写完了直接提交有木有5，自动语法检查 inspector code 会给出为定义变量 未定义方法等等一大堆错误。代码右侧会有颜色标记。一般会有红色 为语法错误，黄色为建议。一般当右上角为绿色小方块证明代码完美无缺，嘻嘻。
                            1，快捷键巨多，而且还可以自定义。跟sublime 有一拼。这个自己去搞喽。也有快捷键提示的插件，自己去搜。2，搜索方便。支持全项目 或 目录下 搜索，支持正则搜索 匹配大小写等。3，支持ftp   写完了直接提交到外网 调试有木有 哈哈哈4，支持svn  写完了直接提交有木有5，自动语法检查 inspector code 会给出为定义变量 未定义方法等等一大堆错误。代码右侧会有颜色标记。一般会有红色 为语法错误，黄色为建议。一般当右上角为绿色小方块证明代码完美无缺，嘻嘻。

                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="content_box">
                    <div class="content_head">
                        <div class="people_info"><img src="/upload/20170828/5d89c96c9de42906a86c0c9b20ffbae3.jpg"></div>
                        <div class="detail">这个人掉渣天</div>
                        <div class="join">我要参与</div>
                    </div>
                    <div class="content_title">java课堂</div>
                    <div class="where_time">
                        <div class="time"><div class="span_font"> 实践时间 : </div >2017-09-20 17:50</div>
                        <div class="where"><div class="span_font">地点 : </div >梅州嘉应学院</div>
                    </div>
                    <div class="content">
                        <div class="pra_info span_font" >实践简介 :</div>
                        <div class="pra_content">
                            1，快捷键巨多，而且还可以自定义。跟sublime 有一拼。这个自己去搞喽。也有快捷键提示的插件，自己去搜。2，搜索方便。支持全项目 或 目录下 搜索，支持正则搜索 匹配大小写等。3，支持ftp   写完了直接提交到外网 调试有木有 哈哈哈4，支持svn  写完了直接提交有木有5，自动语法检查 inspector code 会给出为定义变量 未定义方法等等一大堆错误。代码右侧会有颜色标记。一般会有红色 为语法错误，黄色为建议。一般当右上角为绿色小方块证明代码完美无缺，嘻嘻。

                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="content_box">
                    <div class="content_head">
                        <div class="people_info"><img src="/upload/20170828/5d89c96c9de42906a86c0c9b20ffbae3.jpg"></div>
                        <div class="detail">这个人掉渣天</div>
                        <div class="join">我要参与</div>
                    </div>
                    <div class="content_title">java课堂</div>
                    <div class="where_time">
                        <div class="time"><div class="span_font"> 实践时间 : </div >2017-09-20 17:50</div>
                        <div class="where"><div class="span_font">地点 : </div >梅州嘉应学院</div>
                    </div>
                    <div class="content">
                        <div class="pra_info span_font" >实践简介 :</div>
                        <div class="pra_content">
                            1，快捷键巨多，而且还可以自定义。跟sublime 有一拼。这个自己去搞喽。也有快捷键提示的插件，自己去搜。2，搜索方便。支持全项目 或 目录下 搜索，支持正则搜索 匹配大小写等。3，支持ftp   写完了直接提交到外网 调试有木有 哈哈哈4，支持svn  写完了直接提交有木有5，自动语法检查 inspector code 会给出为定义变量 未定义方法等等一大堆错误。代码右侧会有颜色标记。一般会有红色 为语法错误，黄色为建议。一般当右上角为绿色小方块证明代码完美无缺，嘻嘻。

                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="content_box">
                    <div class="content_head">
                        <div class="people_info"><img src="/upload/20170828/5d89c96c9de42906a86c0c9b20ffbae3.jpg"></div>
                        <div class="detail">这个人掉渣天</div>
                        <div class="join">我要参与</div>
                    </div>
                    <div class="content_title">java课堂</div>
                    <div class="where_time">
                        <div class="time"><div class="span_font"> 实践时间 : </div >2017-09-20 17:50</div>
                        <div class="where"><div class="span_font">地点 : </div >梅州嘉应学院</div>
                    </div>
                    <div class="content">
                        <div class="pra_info span_font" >实践简介 :</div>
                        <div class="pra_content">
                            1，快捷键巨多，而且还可以自定义。跟sublime 有一拼。这个自己去搞喽。也有快捷键提示的插件，自己去搜。2，搜索方便。支持全项目 或 目录下 搜索，支持正则搜索 匹配大小写等。3，支持ftp   写完了直接提交到外网 调试有木有 哈哈哈4，支持svn  写完了直接提交有木有5，自动语法检查 inspector code 会给出为定义变量 未定义方法等等一大堆错误。代码右侧会有颜色标记。一般会有红色 为语法错误，黄色为建议。一般当右上角为绿色小方块证明代码完美无缺，嘻嘻。

                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="right_box">
                <div class="recommend">
                    <div class="re_head">
                        相关实践推荐
                    </div>
                    <div class="re_body">
                        <div class="re_item" >
                            <img src="/upload/20170828/5d89c96c9de42906a86c0c9b20ffbae3.jpg" alt="">
                            <div class="re_item_content">这是个很严肃的问题</div>
                        </div>
                        <div class="re_item" >
                            <img src="/upload/20170828/5d89c96c9de42906a86c0c9b20ffbae3.jpg" alt="">
                            <div class="re_item_content">这是个很严肃的问题</div>
                        </div>
                        <div class="re_item" >
                            <img src="/upload/20170828/5d89c96c9de42906a86c0c9b20ffbae3.jpg" alt="">
                            <div class="re_item_content">这是个很严肃的问题</div>
                        </div>
                        <div class="re_item" >
                            <img src="/upload/20170828/5d89c96c9de42906a86c0c9b20ffbae3.jpg" alt="">
                            <div class="re_item_content">这是个很严肃的问题</div>
                        </div>
                        <div class="re_item" >
                            <img src="/upload/20170828/5d89c96c9de42906a86c0c9b20ffbae3.jpg" alt="">
                            <div class="re_item_content">这是个很严肃的问题</div>
                        </div>
                        <div class="re_item" >
                            <img src="/upload/20170828/5d89c96c9de42906a86c0c9b20ffbae3.jpg" alt="">
                            <div class="re_item_content">这是个很严肃的问题</div>
                        </div>
                        <div class="re_item" >
                            <img src="/upload/20170828/5d89c96c9de42906a86c0c9b20ffbae3.jpg" alt="">
                            <div class="re_item_content">这是个很严肃的问题</div>
                        </div>
                        <div class="re_item" >
                            <img src="/upload/20170828/5d89c96c9de42906a86c0c9b20ffbae3.jpg" alt="">
                            <div class="re_item_content">这是个很严肃的问题</div>
                        </div>


                    </div>


                </div>
                <div class="report">
                    <div class="report_content">侵权网上有害信息举报专区</div>
                    <div class="report_content">违法和不良信息举报</div>
                    <div class="report_content">020-118114</div>
                    <div class="report_content">育创网协议</div>
                    <div class="report_content">联系我们</div>
                    <div class="report_content">@2017 Company name</div>
                </div>
            </div>

            <div class="clear"></div>
        </div>


        <ul class="page_list">
            <li>首页</li>
            <li>上一页</li>
            <li class="active_page">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>下一页</li>
            <li>尾页</li>
        </ul>





    </div>
    {include file="public/footer"}